<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../style/bootstrap/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="../style/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="../style/custom/datatable.css">

<script type="text/javascript" src="../js/ui/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="../js/ui/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/ui/jquery.dataTables.js"></script>

<title>CommonPage</title>
</head>
<body>
<script type="text/javascript">
$(document).ready( function () {
    $('#userTable').DataTable({
    	"deferRender": true,
    	"search":false,
    	 "ajax":"http://localhost:8080/SpringTest/getAllUser",
    	 "columns": [  
             { "data": "name" },  
             { "data": "mobile" },  
             { "data": "email" },  
             { "data": "address" }  
         ]  
    	 
    	   
    });
} );
</script>
<p>欢迎欢迎</p>
<table id="userTable" class="table  table-bordered table-hover ">
	<thead>
		<tr>
			<th data-field="name">name</th>
			<th data-field="mobile">电话</th>
			<th data-field="email">邮箱</th>
			<th data-field="address">地址</th>
		</tr>
	</thead>
	<tbody></tbody>
</table>
</body>
</html>